<template>
	<view style="height:100rpx" class="fixed-bottom px-2 border d-flex a-center align-center border-top bg-light">
		<input v-model="content" type="text" 
		class="flex-1 rounded ml-2 bg-white" style="padding: 10rpx 5rpx;width:600rpx"
		placeholder=" ~~~~"
		:adjust-position="false"
		@confirm="submit"
		>
		<view 
		class="iconfont d-flex a-center j-center icon-fabu flex align-center justify-center font-md animate__animated" 
		hover-class="animate__jello text-main"
	 @click="submit" style="color:#208dd1;width:120rpx;">提交</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				content:""
			}
		},
		methods:{
			submit(){
				//是否为空
				 if(this.content===''){
				 	return uni.showToast({
				 		title:'消息不能为空',
				 		icon:'none'
				 	})
				 }
				 this.$emit('submit',this.content)
				 //清空
				 this.content=""
			}
		}
	}
</script>

<style>
</style>
